<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Login - Education Systems</TITLE>
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<!-- Start CSS Include-->
<link rel="stylesheet" type="text/css" href="css/default.css" />
<link rel="stylesheet" type="text/css" href="css/buttonDecorator.css" />
<link rel="stylesheet" type="text/css" href="css/tableDecorator.css" />
<!-- End CSS Include-->
</HEAD>

<BODY>
<TABLE width="100%" height="100%" bgcolor="#FFF9DF" border="0"
	cellspacing="0" cellpadding="0">
	<TR valign="top">
		<TD align="center">
		<TABLE width="100%" height="100%" bgcolor="#FFF9DF" border="0"
			cellspacing="0" cellpadding="0" id="contentTable">
			<TR>
				<TD valign="top" class="greyPanel"><!--Start Page Title -->
				<TABLE width="100%" border="0" bgcolor="#DFFFFF" cellpadding="0"
					cellspacing="0">
					<TR valign="top">
						<TD class="pageTitle" /><img alt="Logo" src="images/logo.jpg"
							align="top"> Welcome to Education Systems </img></TD>
					</TR>
				</TABLE>
				<!-- End Page Title --></TD>
			</TR>
			<TR>
				<TD height="100%" valign="top" class="brd"><!--Start Main Content Display Table-->
				<!-- Start College Photo -->
				<TABLE width="100%" border="0" cellspacing="0" cellpadding="0">
					<TR>
						<TD align="center" width="50%"><img alt="Education Systems"
							src="images/collegeLeft.jpg" width="650px" height="250px"></TD>
						<TD align="center" width="50%"><img alt="Education Systems"
							src="images/collegeRight.jpg" width="650px" height="250px"></TD>
					</TR>
				</TABLE>
				<!-- End College Photo -->
				<TABLE width="100%" border="0" cellspacing="0" cellpadding="0"
					bgcolor="#FFF9DF">
					<TR>
						<TD><span class="whiteSpacer">&nbsp;</span></TD>
					</TR>
				</TABLE>
				<!-- Start Login -->
				<TABLE width="100%" border="0" cellspacing="0" cellpadding="0"
					bgcolor="#FFF9DF">
					<TR>
						<TD width="10%""><span class="whiteSpacer">&nbsp;</span></TD>
						<TD width="30%" align="center"><img alt="Login"
							src="images/login.jpg" width="250px" height="200px"></td>
						<td valign="middle" width="60%" align="left">
						<table width="45%" class="inputTable">
							<tr>
								<td colspan="2" class="mandatory" align="center">Fields
								marked with <sup>*</sup> are mandatory.</td>
							</tr>
							<tr>
								<td>User Name <sup><sapn class="mandatory">*</sup></sapn></td>
								<td><input type="text" name="uname" class="mandatoryField" /></td>
							</tr>
							<tr>
								<td>Password <sup><sapn class="mandatory">*</sup></sapn></td>
								<td><input type="password" name="pass"
									class="mandatoryField" /></td>
							</tr>

							<tr>
								<td><span class="whiteSpacer">&nbsp;</span>&nbsp;</td>
								<td><a class="button" href="home.htm"><span>Login</span></a><a
									class="button" href="#"><span>Clear</span></a></td>
							</tr>
							<tr>
								<td colspan="2" align="center"><a href="#">Forgot
								Password?</a></td>
							</tr>
						</table>
						</TD>
					</TR>
				</TABLE>
				<!-- Start Login --></TD>
			</TR>
		</TABLE>
	</TD>
	</TR>
</TABLE>
</BODY>
</HTML>
